<template>
<!-- 财务管理已放款详情页面 -->
    <div>
         <div class="detail">
            <h4>放款详情</h4>
        </div>
        <ul>
            <li v-for='(item,index) in pmsgs' :key="index">
                <m-lis :msgs='item'></m-lis>
            </li>
        </ul>
        <div class="clearButton">
        <el-button type="success" size="small">全部结清</el-button>
        <el-button type="success" size="small">部分结清</el-button>
        </div>
    </div>
</template>
<script>
    import lis from '../comm/lis.vue'
    export default {
        data() {
            return {
                pmsgs: [
                    {
                        title: '借款基本信息',
                        msg: [{
                                name: '借款人姓名',
                                value: '符子豪'
                            },
                            {
                                name: '借款本金',
                                value: '2000.00 元'
                            },
                            {
                                name: '借款天数',
                                value: '7'
                            },
                            {
                                name: '约定还款日',
                                value: '2017-12-31-'
                            },
                            {
                                name: '联系方式',
                                value: '13951605224'
                            },
                            {
                                name: '收款账号',
                                value: '6214832506546063(招商银行'
                            },
                            {
                                name: '服务费比例',
                                value: '20%'
                            },
                            {
                                name: '服务费金额',
                                value: '400.00 元'
                            }
                        ]
                    },
                    {
                        title: '放款信息',
                        msg: [{
                                name: '借款人到账金额',
                                value: '1600.00 元'
                            },
                            {
                                name: '支付手续费',
                                value: '0.00 元'
                            },
                            {
                                name: '总计应支出',
                                value: '1600.00 元'
                            },
                            {
                                name: '放款时间',
                                value: '2017-12-25 10:19:35-'
                            },
                            {
                                name: '放款方式',
                                value: '--'
                            },
                            {
                                name: '状态',
                                value: '已放款'
                            }
                        ]
                    },
                    {
                        title: '逾期信息',
                        msg: [{
                                name: '逾期利率',
                                value: '1%'
                            },
                            {
                                name: '逾期天数',
                                value: '--'
                            }
                        ]
                    },
                    {
                        title: '还款信息',
                        msg: [{
                                name: '应还款总额',
                                value: '2000.00元'
                            },
                            {
                                name: '应还本金',
                                value: '2000.00 元'
                            },
                            {
                                name: '逾期利息',
                                value: '0.00 元'
                            },
                            {
                                name: '还款时间',
                                value: '---'
                            },
                            {
                                name: '还款账号',
                                value: '--'
                            },
                            {
                                name: '状态',
                                value: '待还款'
                            },
                            {
                                name: '约定还款日',
                                value: '2017-12-31'
                            }
                        ]
                    },
                    {
                        title: '关联记录',
                        msg: [{
                                name: '认证审核',
                                value: '陈未新'
                            },
                            {
                                name: '通过审核',
                                value: '2017-12-25 09:11:00'
                            },
                            {
                                name: '借款申请',
                                value: '胡云豪'
                            },
                            {
                                name: '通过审核',
                                value: '2017-12-25 10:19:13'
                            }
                        ]
                    }
                ]
            }
        },
        components: {
            'm-lis': lis
        }
    }
</script>
<style lang="scss" scoped>
li{
margin-top:20px; 
}

 
</style>
